<!-- <template> -->
    <!-- <tree-select
        v-model="currentValue"
        name="treeSelect"
        :options="options"
        :placeholder="placeholder"
        :multiple="multiple"
        :clearable="clearable"
        :searchable="searchable"
        :disabled="disabled"
        :open-on-click="openOnClick"
        :open-on-focus="openOnFocus"
        :clear-on-select="clearOnSelect"
        :always-open="alwaysOpen"
        :append-to-body="appendToBody"
        :valueConsistsOf="valueConsistsOf"
        :limit="limit"
        :max-height="maxHeight"
        :show-count="showCount"
        :limit-text="limitText"
        :no-children-text="noChildrenText"
        :no-results-text="noResultsText"
        :no-options-text="noOptionsText"
        :normalizer="normalizer"
        :flat="flat"
        :auto-select-descendants="autoSelectDescendants"
        :z-index="zIndex"
        :open-direction="openDirection"
        :loading-text="loadingText"
        @open="open"
        @close="close"
        @input="_input"
        @select="_select"
        @deselect="deselect"
        @search-change="searchChange"
    >
    </tree-select> -->
<!-- </template> -->

<script>
    import { prefixCls } from '../prefix'
    import TreeSelect from '@riophae/vue-treeselect'
    import '@riophae/vue-treeselect/dist/vue-treeselect.css'
    //import {identity} from "@riophae/vue-treeselect/src/utils";
    export default {
        name: `${prefixCls}TreeSelect`,
        extends: TreeSelect,
        props: {
            limitText: {
                type: Function,
                default: function limitTextDefault(count) {
                    return `+${count}`
                },
            },
            noChildrenText: {
                type: String,
                default: '没有子选项...'
            },
            noOptionsText: {
                type: String,
                default: '没有可用选项...'
            },
            noResultsText: {
                type: String,
                default: '没有匹配的搜索结果...'
            },
        }
        // components: {
        //     TreeSelect
        // },
    //     watch: {
    //         value(val) {
    //             this.currentValue = val
    //         },
    //         currentValue(val) {
    //            this.$emit('input', val)
    //         }
    //     },
    //     props: {
    //         value: {
    //            type: [String, Number, Array],
    //            default: null
    //         },
    //         //数据项
    //         options: {
    //            type: Array,
    //            default: () => []
    //         },
    //         placeholder: {
    //             type: String,
    //             default: '请选择'
    //         },
    //         multiple: Boolean,
    //         clearable: {
    //             type: Boolean,
    //             default: true
    //         },
    //         searchable: Boolean,
    //         disabled: Boolean,
    //         openOnClick: {
    //             type: Boolean,
    //             default: true
    //         },
    //         openOnFocus: Boolean,
    //         clearOnSelect: {
    //             type: Boolean,
    //             default: true
    //         },
    //         closeOnSelect: Boolean,
    //         alwaysOpen: Boolean,
    //         appendToBody: Boolean,
    //         limit: {
    //             type: Number,
    //             default: 4
    //         },
    //         maxHeight: {
    //             type: Number,
    //             default: 300
    //         },
    //         showCount: {
    //             type: Boolean,
    //             default: false
    //         },
    //         limitText: {
    //             type: Function,
    //             default: function limitTextDefault(count) {
    //                 return `and ${count} more`
    //             },
    //         },
    //         noChildrenText: {
    //             type: String,
    //             default: '没有子选项...'
    //         },
    //         noOptionsText: {
    //             type: String,
    //             default: '没有可用选项...'
    //         },
    //         noResultsText: {
    //             type: String,
    //             default: '没有匹配的搜索结果...'
    //         },
    //         normalizer: {
    //             type: Function,
    //             default: identity,
    //         },
    //         defaultExpandLevel: {
    //             type: Number,
    //             default: 0
    //         },
    //         backspaceRemoves: {
    //             type: Boolean,
    //             default: true
    //         },
    //         flat: {
    //             type: Boolean,
    //             default: false
    //         },
    //         autoSelectDescendants: {
    //             type: Boolean,
    //             default: false
    //         },
    //         valueConsistsOf: {
    //             type: String,
    //             default: 'BRANCH_PRIORITY'
    //         },
    //         zIndex: {
    //             type: Number,
    //             default: 2022
    //         },
    //         openDirection: {
    //             type: String,
    //             default: 'auto'
    //         },
    //         loadingText: {
    //             type: String,
    //             default: '数据加载中...'
    //         }
    //     },
    //     data() {
    //         return {
    //             prefixCls: prefixCls,
    //             currentValue: this.value
    //         }
    //     },
    //     methods:{
    //         open(instanceId) {
    //             this.$emit('open', instanceId)
    //         },
    //         close(value, instanceId) {
    //             this.$emit('close',value, instanceId)
    //         },
    //         _input(value, instanceId) {
    //             this.$emit('select-input',value, instanceId)
    //         },
    //         _select(node, instanceId) {
    //             this.$emit('select',node, instanceId)
    //         },
    //         deselect(node, instanceId) {
    //             this.$emit('deselect', node, instanceId)
    //         },
    //         searchChange(searchQuery, instanceId) {
    //             this.$emit('search-change', searchQuery, instanceId)
    //         }
    //     }
    }
</script>

<style scoped>

</style>